<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="robots" content="all" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta http-equiv="pragma" Content="no-cach" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="keywords" content="" />
    <meta name="author" content="" />
    <meta name="copyright" content="" />
    <meta name="description" content="" />
    <meta name="HandheldFriendly" content="true" />
    <title>应急调度</title>
    <link rel="stylesheet" href="css/ui-media.css" />
    <link rel="stylesheet" href="css/ui-common.css"/>
    <link rel="stylesheet" href="css/ui-oa.css" />
    <link rel="stylesheet" href="css/ui-component.css">
    <link rel="stylesheet" href="css/ui-attemper.css">
</head>
<body ontouchstart>
<div id="wrap">
    <div id="header" data-position="fixed" data-tap-toggle="false">
        <div class="header">
            <div class="back" onclick="openWindow('./index.html');">返回</div>
            <div class="h1 title">应急调度</div>
            <div class="zimu" onclick="openWindow('./dynamic.html?id='+ GetQueryString('id'));">发动态</div>
        </div>
    </div>
    <div id="content">
        <header class="tabHead">
            <span class="active" data-type="1">动态</span>
            <span data-type="2">阶段</span>
            <span data-type="3" onclick="initFirst();">地图</span>
            <span data-type="4">视频</span>
            <b class="border"></b>
        </header>
        <div id="khfxWarp">
            <article class="content">
                <!--阶段部分-->
                <section class="khfxPane stage" id="first" >

                    <!--<div class="stage">-->
                        <!--<div class="stage-title">-->
                            <!--<span class="first">第一阶段</span>-->
                            <!--<span class="state">未完成</span>-->
                        <!--</div>-->
                        <!--<ul class="state-content">-->
                            <!--<li>-->
                                <!--<p>任务一</p>-->
                                <!--<p>-->
                                    <!--<span>完成度</span>-->
                                    <!--<span></span>-->
                                    <!--<span>50%</span>-->
                                <!--</p>-->
                                <!--<a href="./report.html" class="updata">上报</a>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<p>任务二</p>-->
                                <!--<p>-->
                                    <!--<span>完成度</span>-->
                                    <!--<span></span>-->
                                    <!--<span>50%</span>-->
                                <!--</p>-->
                                <!--<span class="updata">上报</span>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</div>-->
                    <!--<div class="stage">-->
                        <!--<div class="stage-title">-->
                            <!--<span class="first">第二阶段</span>-->
                            <!--<span class="state complate">已完成</span>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="stage">-->
                        <!--<div class="stage-title">-->
                            <!--<span class="first close">第三阶段</span>-->
                            <!--<span class="state">未完成</span>-->
                        <!--</div>-->
                    <!--</div>-->
                </section>
                <!--动态部分-->
                <section class="dynamic" id="secound">
                    <div class="weui-gallery gallery bg" style="opacity: 0; display: none;">
                        <span class="weui-gallery__img" id="galleryImg" style="background-image:url('')"></span>
                    </div>
                    <ul id="dynamic_body" style="overflow: hidden">

                    </ul>
                </section>
                <!--地图部分-->
                <section id="three" class="map-section">
                    <div class="stage attemper-map" >
                        <div class="map-head">
                            <div onclick="changePic('renyuan');">
                                <img id="renyuan" src="images/renyuan-2.png"/><br/>
                                <span>人员</span>
                            </div>
                            <div onclick="changePic('cheliang');">
                                <img id="cheliang"  src="images/cheliang-2.png"/><br/>
                                <span>车辆</span>
                            </div>
                            <div onclick="changePic('shijian');">
                                <img id="shijian"  src="images/shijian-2.png"/><br/>
                                <span>事件</span>
                            </div>
                            <div onclick="changePic('shipin');">
                                <img id="shipin"  src="images/shipin-2.png"/><br/>
                                <span>视频</span>
                            </div>
                            <div onclick="changePic('bujian');">
                                <img id="bujian"  src="images/bujian-2.png"/><br/>
                                <span>部件</span>
                            </div>
                        </div>
                    </div>
                </section>
                <!--视频部分-->
                <section id="four">
                    <div class="stage video-list">
                        <ul id="videoList" class="video-list">
                            <!--<li>-->
                                <!--<img src="images/nick.png" class="video-item-img"/>-->
                                <!--<div class="video-item-content">-->
                                    <!--<p>名称:#viewo1234</p>-->
                                    <!--<p>状态:在线</p>-->
                                <!--</div>-->
                                <!--<img src="images/Back Copy 8.png" class="video-icon-1"/>-->
                            <!--</li>-->
                        </ul>
                    </div>
                </section>
                <p id="pull" style="text-align: center;font-size: 14px;color: #8C8C8C;">上拉加载↑</p>
            </article>
            <div id="map" class="map"></div>
            <div id="mapFoot" class="map-foot">
                <!--<span class="map-foot-href">详情></span>-->
                <!--<p>类别:车辆</p>-->
                <!--<p>车牌号:浙A34123</p>-->
                <!--<p>负责人:张三</p>-->
                <!--<p>联系电话:13523456789</p>-->
            </div>
        </div>
    </div>
</div>

<script src="js/android.js"></script>
<script src="js/zepto.min.js"></script>
<script src="js/template.js"></script>
<script src="js/init.js"></script>
<script src="js/iscroll.js"></script>
<script type="text/javascript" src="lib/OpenLayers.js"></script>
<script type="text/javascript" src="lib/OpenLayers/Layer/TiandituLayer.js"></script>
<script src="./js/attemper.js"></script>
<script src="./js/attemper-map.js"></script>
</body>
</html>


<!--阶段部分模板-->
<script type="text/html" id="stateList">
    {{ each data as value i }}
    <div class="stage">
        {{ if value.jd != 100 }}
        <div class="stage-title" data-id="{{ value.id }}">
            <span class="first close">{{ value.stage_name }}</span>
            <span class="state">未完成</span>
        </div>
        <ul class="state-content">

        </ul>
    </div>
    {{ else }}
    <div class="stage-title" data-id="{{ value.id }}">
        <span class="first close">{{ value.stage_name }}</span>
        <span class="state complate">已完成</span>
    </div>
    {{ /if }}
    {{ /each }}
</script>

<script type="text/html" id="list">
    {{ each data as value  }}
    <li>
        <p>{{ value.task_name }}</p>
        <p>
            <span>完成度</span>
            <span>
                <i style="width: {{ value.jd | widthFormate }}rem"></i>
            </span>
            <span>{{ value.jd }}%</span>
        </p>
        {{ if value.jd == 100 }}
        <a href="javascript:;" class="updata">已完成</a>
        {{ else }}
        <a href="./report.html?rwid={{value.id}}&id={{ value.backId }}&jdid={{ value.jdId }}&jd={{ value.jd }}&title={{ value.task_name }}"  class="updata">上报</a>
        {{ /if }}
    </li>
    {{ /each }}
</script>

<!--动态部分模板-->
<script type="text/html" id="dyList">
    {{ each list as value i }}
    <li class="dy_content">
        <p class="name">{{ value.opuser }}</p>
        <p class="content">
            {{ if value.type == '0'}}
            {{ value.opnr | strFormat }}
            {{ else }}
            {{ value.opnr }}
            {{ /if }}
            {{ if value.fuj != '' }}
            {{ value.fuj.split(';')[0] }}<a href="{{ value.fuj.split(';')[1] }}" download="{{ value.fuj.split(';')[0] }}" style="color: #9853F5;">下载</a>
            {{ /if }}
        </p>
        {{ if value.imgs.length > 0 }}
        <ol>
            {{ each value.imgs.split(';') as map j }}
            <li class="pic">
                <img class="pics"  data-num="{{ j }}" src="{{ map }}" alt="">
            </li>
            {{ /each }}
        </ol>
        {{ /if }}
        {{ if value.map.length > 0 }}
        <ol>
            {{ each value.map.split(';') as map j }}
            <li class="pic">
                <img class="pics"  data-num="{{ j }}" src="{{ map }}" alt="">
            </li>
            {{ /each }}
        </ol>
        {{ /if }}
        {{ if value.isaddr == 0 }}
        <p class="address">{{ value.addr }}</p>
        {{ /if }}
        <p class="time">{{ value.created_at | dateFormat }}
            {{ if value.opuser == value.userName }}
            <span onclick= "delData('{{ value.id }}', this)">删除</span>
            {{ /if }}
        </p>
        <img class="nick" src="./images/nick.png" alt="">
    </li>
    {{ /each }}
</script>